body { margin: 0; padding: 0; border: 0; outline: 0; }
.toprow {
    top:0px;
    margin-top:0px;
    margin-bottom:0px;
    float:left;
    width:100%;
    background-color:#2C3639;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
}
#st-box {
    float:left;
    background-color:#2C3639;
    display: inline-block;
    text-align: center;
}

#rd-box {
    float:right;
    background-color:#2C3639;
    width: 100%;
}
.custombtn {
  background-color: #2C3639;
  border:none;
  color:white;
  cursor:pointer;
  height:4%;
  width:180px;
  font-size: 14px;
  text-align: center;
}
.custombtn1 {border-radius: 12px;}
.custombtn2 {color: white;}
.custombtn3 {
  width:40px;
}
/* Darker background on mouse-over */
.custombtn2:hover {
  background-color: #F6F1E9;
  color:black;
}


/* Dropdown menu */
.dropdown {
  position: relative;
  display: inline-block;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #2C3639;
  min-width: 180px;
  font-size: 14px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  background-color: #2C3639;
  border:none;
  color:white;
  cursor:pointer;
  height:4%;
  width:180px;
  font-size: 14px;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #f1f1f1;
  color:black;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
  background-color: #F6F1E9;
  color:black;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .custombtn2 {
  background-color: #F6F1E9;
  color:black;
}

/* Dropdown menu end */


.mainform {
    align:center;
    margin-top:0px;
    margin-bottom:1%;
    width:100%;
    background-color:#F9F9F9;
    padding-top:4%;
    padding-bottom:5px;
    padding-left:1%;
    padding-right:1%;
}
.forms {
  width:80%;
  margin-left:auto;
  margin-right:auto;
}

.loginform {

    align:center;
    margin-left:auto;
    margin-right:auto;
    width:50%;
    height:10%;
    background-color: white;
    padding-top:5%;
    padding-bottom:5%;
    padding-left:2%;
    padding-right:2%;

}
.clients-table {
     font-size: 9pt;
     text-align:center;
 }

.my_scroll_div {
    overflow-y: auto;
    max-height: 72%;
 }
div.coltypeimpact {
  white-space: pre-wrap;
  word-wrap: break-word;
  align: center;
  min-width: 300px;
}
div.coltype2 {
  white-space: normal;
  align: center;
  min-width: 60px;
  max-width: 240px;

}
div.coltyperef {
  text-align: center;
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: center;
  min-width: 40px;
  max-width: 100px;
}
.annos-table {
  font-size: 9pt;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  position:relative;

}
.coltypegeneid {
  min-width:260px;
}
.coltypegeneid_fix {
  white-space:pre-wrap;
  text-align:center;
  display:block;
}
.colanno1 {
  white-space: normal;
  text-align: center;
  min-width: 70px;
}
.coltypedesc {
  width: calc(100vw - 680px);
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: center;
  text-justify: inter-word;
}
.homect {
  top:100px;
  width:85%;
  margin-right:auto;
  margin-left:auto;
}
#lt-box {
    float:left;
    background-color:white;
    display: inline-block;
    text-align: justify;
    text-justify: inter-word;
    width:43%;
    padding-top:10px;
    margin-left:3%;
    margin-right:auto;
    padding-left:1%;
    padding-right:1%;
}

#rt-box {
    display: inline-block;
    text-align: justify;
    text-justify: inter-word;
    float:right;
    background-color:white;
    width: 43%;
    padding-top:10px;
    margin-left:auto;
    margin-right:3%;
    padding-left:1%;
    padding-right:1%;
}

.htitle {
  font-size:28;
  color:#2B3467;
  line-height: 2em;
}
.htext {
  font-size:18;
  color:black;
  line-height: 1.5em;
}
.bigtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  height:40px;
  font-size:20;
  text-align:center;
  margin-top:5%;
}

.modal{
  z-index:3;
  display:none;
  padding-top:100px;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4)
}
.modal-header{
  font-size:18;
  text-align: justify;
  margin:auto;
}
.modal-header-bg{
  color:#fff!important;
  background-color:#0072b5!important
}
.modal-content{
  margin:auto;
  background-color:#e5e6e6;
  position:relative;
  padding:0;
  outline:0;
  width:70%
}
.display-topright{
  position:absolute;
  right:0;
  top:0
}
.modalxbutton{
  border:none;
  display:inline-block;
  padding:8px 16px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  background-color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap;
  font-size:20;
}
.modal-container-text
{
  margin:auto;
  padding:0;
  padding-top:2%;
  padding-bottom:2%;
  width:95%;
  height:95%;
  text-align: left;
  text-justify: inter-word;
  word-wrap: break-word;
  font-size:14;
}
.gene-annotation{
    border-radius: 20px;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 10px;
    padding-right:10px;
    font-weight: bold;
    display: inline;
    position:relative;
    height: 40px;
    font-size: 15px;
    line-height: 2;

  }
  .goannotation{
    width: 60px;
    font-size:75%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #9F2B68;
    text-align:center;
  }
  .keggannotation{
    width: 60px;
    font-size:75%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #3F51B5;
    text-align:center;
  }
  .geneannotation{
    background-color: #4169e1;
    text-align:center;
  }
  .genetag{
    background-color: tomato;
    text-align:center;
  }
  .other-func-tag {
    background-color: #228B22;
    text-align:center;
    font-size:80%;

  }
  .pfam{
    background-color: orange;
    text-align:center;
  }
  .genefunction{
    background-color: red;
    text-align:center;
  }
  .tair{
    background-color: #b74f1f;
    text-align:center;
    font-size:80%;
  }